@extends('layouts.app')

@section('content')


<div class="card-deck">
  @each('projects._card', $projects, 'project'); 

  <div class="card col-3 my-3">
    <div class="" style="margin:auto;">
        <!-- Button trigger modal -->
        <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#createProjectModal">
           <i class="fa fa-btn fa-plus"></i>
        </button>
    </div>
    
  </div>
  </div>

    
      
    <!-- Modal -->
  @include('projects._projects')
@endsection

@section('cusstomJS')
   <script>
    $(document).ready(function(){
      $('.icon-bar').hide();
      $('.project-card').hover(function(){

        $(this).find('.icon-bar').toggle();
      });
    }) 
  </script> 
@endsection